<!DOCTYPE html>
<title>View transitions: main frame and sibling frames transition at the same time (ref)</title>
<link rel="help" href="https://drafts.csswg.org/css-view-transitions-1/">
<link rel="author" href="mailto:khushalsagar@chromium.org">
<style>
body {
  background: green;
}

#first {
  position: fixed;
  top: 0;
  left: 0;
  width: 50vw;
  height: 50vh;
}

#second {
  position: fixed;
  top: 50vh;
  left: 0;
  width: 50vw;
  height: 50vh;
}
</style>

<iframe id="first" srcdoc="
<style>
  body {
    background: lightblue;
  }
</style>
<body></body>"></iframe>
<iframe id="second" srcdoc="
<style>
  body {
    background: magenta;
  }
</style>
<body></body>"></iframe>


